<template>
  <div>
    <h1>app</h1>
    <!-- <Child :count="count" @setCount="setCount" /> -->

    <!-- 
      v-bind:xxx.sync="xxx"
        绑定 xxx 属性
        绑定 update:xxx 自定义事件

      比如：:count.sync="count"
        绑定 count 属性
        绑定 update:count 自定义事件

      v-model 和 .sync 都能用于父子组件双向通信，他们使用上区别？
        如果是表单项组件用v-model，非表单项组件用 .sync
        v-model一个组件只能绑定一个，.sync一个组件可以绑定多个
     -->
    <Child :count.sync="count" />
  </div>
</template>

<script>
import Child from "./Child";

export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
  // methods: {
  //   setCount() {
  //     this.count++;
  //   },
  // },
  components: {
    Child,
  },
};
</script>

<style></style>
